<template>
  <div>
    <!-- 插槽：
    1.在子组件中需要自定义的地方使用<slot />占位
    2.在父组件中使用子组件,开闭标签中间传入要自定义的结构
    好处：让组件更灵活
     -->
    <MyDialog>
      <h1>厚礼蟹</h1>
    </MyDialog>
    <MyDialog>
      <h3>666</h3>
    </MyDialog>
    <MyDialog> </MyDialog>
  </div>
</template>

<script>
import MyDialog from "./components/MyDialog.vue";
export default {
  name: "VueDemoApp",
  components: { MyDialog },
  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
</style>